<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
			}

			.header,
			.forter {
				height: 50px;
				background-color: #cdcdcd;
			}

			.forter {
				position: absolute;
				bottom: 0;
				width: 100%;
			}

			.header a {
				text-decoration: none;
				color: blue;
			}

			ul>li {
				display: inline-block;
				line-height: 50px;
				padding: 0px 10px;
			}

			.menu {
				color: red;
				position: relative;
			}

			.menu ul {
				display: none;
			}

			.menu:hover ul {
				display: block;
				position: absolute;
				width: 100px;

			}

			.menu>ul>li {
				display: block;
				line-height: 30px;
				padding: 0px;
			}
			.footer{
				text-align: center;
			
			}
			.footer span{
				line-height: 50px;
			}
			
			.title{
				padding: 50px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<a href="" style="float: left;"><img src="img/logo.png" style="height: 50px;"></a>
			<ul style="float: left;">
				<li><a href="">文件查看</a></li>
				<li class="menu"> 分类查看
					<ul>
						<li><a href="">法律法规</a></li>
						<li><a href="">管理办法</a></li>
						<li><a href="">决定条例</a></li>
						<li><a href="">细则解释</a></li>
						<li><a href="">规范指南</a></li>
						<li><a href="">其他文件</a></li>
					</ul>
				</li>
				<li class="menu">文件分享
					<ul>
						<li><a href="">分享文件</a></li>
						<li><a href="">我的分享</a></li>

					</ul>
				</li>
				<li>文件检索
					<form action="" method="post" style="display: inline-block;  ">
						<input type="text" value="" />
						<input type="image" src="img/search.png" style="height: 20px; vertical-align: middle;" />
					</form>
				</li>
			</ul>
			<ul style="float: right;">
				<li class="menu">个人中心
					<ul>
						<li><a href="">个人信息</a></li>
						<li><a href="">修改密码</a></li>
						<li><a href="">注销账户</a></li>

					</ul>
				</li>
				<li><a href="">退出</a></li>
				<li><a href="">登录</a></li>
				<li><a href="">注册</a></li>
			</ul>
		</div>
		
		<h1 class="title">欢迎使用文件分享系统!</h1>
		
		<div class="forter">
			<span>攀枝花学院&copy;<strong>2021级软件工程二班</strong> 2023</span>
			<span>网站访问量:5</span>
			<span>当前登录人数：10</span>
			
		</div>
	</body>
</html>
